{% extends 'movies/base.html' %}
{% block content %}

<div class="container-fluid" style="text-align: left;">
    <div class="row row-cols-1" style="height: 30px;">

    </div>

    <div class="row ">


        {% for movie in user.moviepreference.favorite_movie.all %}
        <div class="col">

            <figure class="figure">
                <img class="rounded-lg float-left shadow-lg border border-white" src="{{ movie.cover }}"
                    alt="{{ movie.cover }}" style="height: 420px; width: 300px;">

                <figcaption class="figure-caption text-center">
                    <a href="/movies/{{movie.id}}" style="font-size:18px; text-decoration: none;">
                        {{ movie.name}}
                    </a>
                    <span style="color:red; font-size:18px;">
                        {{movie.douban_score}}
                    </span>

                </figcaption>
            </figure>


        </div>

        {% endfor %}

        </ul>
    </div>




</div>
</div>
{% endblock %}